<template>
  <div>
    <el-row style="width: 100%; padding: 1vh">
      <el-col :offset="2" style="width: 60vh" :span="6">{{
        project.name
      }}</el-col>
      <el-col style="width: 60vh" :span="6">{{
        project.deptList.find((dept) => dept.id === project.queueingDeptId)
          ?.name
      }}</el-col>
      <el-col style="width: 60vh" :span="10">
        <slot name="operate"></slot>
      </el-col>
    </el-row>
  </div>
</template>

<script setup lang="ts">
import { ICheckProject } from "@/api/queue/types";
import { PropType } from "vue";

const props = defineProps({
  project: {
    type: Object as PropType<ICheckProject>,
    required: true,
  },
});
</script>

<style scoped lang="scss"></style>
